<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>L-B情侣博客-首页</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<script src="js/jquery-1.8.1.min.js" type="text/javascript"></script>
<script src="js/lb-plus.js" type="text/javascript"></script>
</head>
<body>
<div id="tle" class="mr">
	<h1>For Nine</h1>
    <div id="ms_tit" class="tit_ms">
    	<p>She Is My →</p>
		<span>晴朗的天空下，那一片草原<br />有你在那</span>
    </div>
    <!--tit_ms-->
    <div id="men_tit" class="tit_men r">
    	<p>← I Belong To Him</p>
		<span>黑色的夜空，繁星点点。<br />我们望着星空</span>
    </div>
</div>
<div id="head" class="mr">
  <div class="day mr">
    	<span>1000</span>
        <object width="180" height="180" data="./images/anniversary.swf" type="application/x-shockwave-flash">
			<param value="./images/anniversary.swf" name="movie">
			<param value="transparent" name="wmode">
		</object>
    </div>
    <!--恋爱天数-->
    <div class="nav mr">
    	<ul>
        	<li class="d1"><a href="index.html">主页</a></li>
            <li class="d2"><a href="rizhi.html">日志</a></li>
            <li class="d3"><a href="zhaopian.html">照片墙</a></li>
            <li class="d4"><a href="fenlei.html">分类查看</a></li>
            <li class="d5"><a href="about.html">关于我们</a></li>
            <li class="d6"><a href="#">星空墙</a></li>
        </ul>
    </div>
</div>
<!--头部-->
<div id="wrap" class="mr">
	<!--<div class="ad800">800*100预留广告位</div>-->
    <div class="main">
	<div id="men" class="men l m5">
    	<div class="control m_bb">
        	<div class="avatar l">
            	<div class="avatar_b m_b">
                	<img src="images/boy.gif" width="100" height="100" alt="男主人">
                </div>
                <!--主头像*大*-->
                <div class="avatar_s s_b">
                	<img src="images/girl.gif" width="49" height="49" alt="女主人">
                </div>
                <!--副头像*小*-->
            </div>
            <!--头像-->
            <div class="login l">
            	<form action="" method="post">
            	<table width="240" height="100">
                	<tr>
                    	<td class="login_p">男主人登陆：</td>
                        <td class="login_b"><input type="user" name="user" value="" /></td>
                    </tr>
                    <tr>
                    	<td class="login_p ls">登陆密码：</td>
                        <td class="login_b"><input type="password" name="password" value="" /></td>
                    </tr>
                    <tr>
                    	<td class="login_sub fn"><input type="submit" value="登 陆"></td>
                        <td class="login_set fn"><input type="reset" value="取 消"></td>
                    </tr>
                </table>
                </form>
            </div>
            <!--控制部分-->
        </div>
        <!--男生前台控制面板-->
        <div class="art">
        	<h2>
            	<a href="#">文章标题</a>
                <span>文章标题www.teaxia.com/are/</span>
            </h2>
            <div class="cont">
           		<p>文章内容</p>
            </div>
            <p class="view">
            	<span class="l">2012-12-13</span>
                <span class="r">112次浏览/3回复</span>
            </p>
        </div>
        <!--文章阅读部分-->
    </div>
    <!--男左-->
    <div id="ms" class="ms r m5">
    	<div class="control s_bb">
            <div class="control_p l">
            	<ul>
                	<div class="cl_a l">
                        <li class="u_b1"><a href=""><img src="images/u_b1.png" alt="文章发布" />文章发布</a></li>
                        <li class="u_b2 ml"><a href=""><img src="images/u_b2.png" alt="后台登陆" />后台登陆</a></li>
                        <li class="u_b3"><a href=""><img src="images/u_b3.png" alt="时间胶囊" />时间胶囊</a></li>
                        <li class="u_b4 ml"><a href=""><img src="images/u_b4.png" alt="我要签到" />我要签到</a></li>
                    </div>
                    <div class="cl_b r">
                    	<li class="u_b5"><a href=""><img src="images/u_b5.png" height="135" width="90" alt="女生特权" />女生特权</a></li>
                    </div>
                </ul>
            </div>
            <!--控制部分-->
            <div class="avatar r">
            	<div class="avatar_b s_b">
                	<img src="images/girl.gif" width="100" height="100" alt="女主人">
                </div>
                <!--主头像*大*-->
                <div class="avatar_s m_b">
                	<img src="images/boy.gif" width="49" height="49" alt="男主人">
                </div>
                <!--副头像*小*-->
            </div>
            <!--头像-->
        </div>
        <!--女生前台控制面板-->
        <div class="art">
        	<h2>
            	<a href="#">文章标题</a>
                <span>文章标题www.teaxia.com/are/</span>
            </h2>
            <div class="cont">
           		<p>文章内容</p>
            </div>
            <p class="view">
            	<span class="l">2012-12-13</span>
                <span class="r">112次浏览/3回复</span>
            </p>
        </div>
        <!--文章阅读部分-->
    </div>
    <!--女右-->
    </div>
    <!--内容部分结束main-->
    <div class="page">
    	<ul>
        	<li>1/2页面</li>
            <li><a href="">1</a></li>
            <li><a href="">2</a></li>
            <li><a href="">3</a></li>
            <li><a href="">下一页</a></li>
        </ul>
    </div>
    <div class="foot">
    	<p>Powered By teaxia.com &copy; 2012 本页面为L-B情侣博客的演示页面。仅供参考</p>
    </div>
</div>
<!--wrap部分-->
</body>
</html>
